@mixin background-vertical($prime-color,$prime-pos,$second-color,$second-pos){
background: $prime-color; 
background: -moz-linear-gradient(top,  $prime-color $prime-pos, $second-color $second-pos); 
background: -webkit-gradient(linear, left top, left bottom, color-stop($prime-pos,$prime-color), color-stop($second-pos,$second-color)); 
background: -webkit-linear-gradient(top,  $prime-color $prime-pos,$second-color $second-pos); 
background: -o-linear-gradient(top,  $prime-color $prime-pos,$second-color $second-pos); 
background: -ms-linear-gradient(top,  $prime-color $prime-pos,$second-color $second-pos); 
background: linear-gradient(to bottom,  $prime-color $prime-pos,$second-color $second-pos); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$prime-color', endColorstr='$second-color',GradientType=0 );
}
body, header,section, div, nav, ul, li, a, p, aside, footer 
{
margin:0;
padding:0;
}
body
{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.4;
		header{		
			display:inline-block;
			width:75%;
			margin: 0 170px;
			img{max-width:100%; max-height:100%;}
				div.select{
				display:inline-block;
				position:relative;
				left:70%;
				margin-top:1%;
					#language{
					font-size:0.7em;
					float:right;
					}
					#currency{
					font-size:0.7em;
					width:35%;
					float:right;
					margin-right:2%;
					}
				}
				div.logo-container{
					width:14%;
					display:inline-block;
					float:left;
					position:relative;
					left:4%;
					img{					
					display:inline-block;
					}
				}
				div.reg-container{
				margin-top:1%;
				width:22%;
				display:inline-block;
				float:right;
				position:relative;		
				color:#7D9D22;				
					label{
					font-weight:bold;
					}
					input{
					color:white;
					@include background-vertical(#7D9D22, 70%, white, 100%);
					border:none;
					border-radius:5px;
					padding:1%;
					width:64%;
					}
					.pass{
						#pass{
						margin-left:1.3%;
						}
					}
					.log{
					margin-top:3%;
					width:33%;
					display:inline-block;
					float:right;
					background:#7D9D22;
					border-radius:5px;
					font-weight:bold;
						&:last-of-type{
						margin-right:2%;
						}				
						a{
						text-align:center;
						display:block;
						color:white;
						text-decoration:none;
						padding:7% 15%;						
						}
					}
				}				
			}
		.main{		
			display:block;
			width:75%;
			margin: 20px auto 0 auto;
			.label{
				 ul{
				 display:block;
				 padding:0;
				 width:auto;
				 height:auto;
					  li{
					  list-style-type:none;
					  display:inline-block;
					  margin-left:20px;
						}
						label{
							img{
							width:150px;
							height:100px;					
								}
							}
			
						}
					}
			.radio{
					ul{
						li{
						list-style-type:none;
						}	
							input[type="radio"]{
							
							display: none;
							&:checked + .clothing{
								opacity: 1;
								-webkit-transition: opacity 0.8s ease-in-out;
								-moz-transition: opacity 0.8s ease-in-out;
								-o-transition: opacity 0.8s ease-in-out;
								transition: opacity 0.8s ease-in-out;
							}
						}
					}
				}
			.clothing{
					margin-top:10px;					
					display:inline-block;
					position:absolute;
					left:300px;
					opacity:0;
					width:800px;
					height:500px;
					}
		}
		
	
}
